<div class="row ethdocs-page">
    <div class="col-sm-4 ethdocs-page-dropdown">
        <ui-select ng-model="selection.version" theme="bootstrap" on-select="setVersion()">
            <ui-select-match placeholder="Select version">{{$select.selected.slug}}</ui-select-match>
            <ui-select-choices repeat="version.slug as version in versions">
                <span ng-bind-html="version.slug | highlight: $select.search"></span>
            </ui-select-choices>
        </ui-select>
    </div>
    <div class="col-sm-4 ethdocs-page-dropdown">
        <ui-select ng-model="selection.project" theme="bootstrap" on-select="setProject()" ng-disabled="!selection.version || !projects.length">
            <ui-select-match placeholder="Select project">{{$select.selected.slug}}</ui-select-match>
            <ui-select-choices repeat="project.slug as project in projects">
                <span ng-bind-html="project.slug | highlight: $select.search"></span>
            </ui-select-choices>
        </ui-select>
    </div>
    <div class="col-xs-12 col-sm-4 ethdocs-page-sidebar pull-right">
        <ethereum-reference-sidebar compounds="compounds" selection="selection" ng-if="compounds.length"></ethereum-reference-sidebar>
    </div>
    <div class="col-md-8 col-sm-12 ethdocs-page-content">
        <div class="content-inner">
            <div ui-view=""></div>
        </div>
    </div>
</div>
